<template>
    <el-config-provider :size="config.size" :zIndex="config.zIndex">
        <RouterView />
      </el-config-provider>
</template>

<script setup lang="ts">
import { onBeforeMount, onMounted, onUpdated, reactive } from "vue";
import { useRoute } from "vue-router";
import { LOGIN } from "./router/constant";
import { usePermissionStore } from "/@ts/store/modules/permission";
const permissionStore = usePermissionStore();
import {  checkTheme } from "/@ts/hooks/theme";
import { getLocalStorage } from "./hooks/storage";
const route = useRoute();
onBeforeMount(async() => {

let themeType =  getLocalStorage("themeType")
if(themeType){
checkTheme(themeType)
}else{
  checkTheme("system-default")
}
});

const config = reactive({
  zIndex: 3000,
  size: "",
});
</script>

<style>
html {
  --color-primary: "#C48";
    background-color: var(--bodyBg)
}
/* .el-menu-item.is-active {
  color: #fff;
  background-color: var(--color-primary) !important;
} */
</style>
